<template>
    <!-- 是floorDetails组件中要展示的详情信息 -->
        <div class="dm">
          <div class="dd">
            标题:{{ title }}<br>
            类型：{{catagory}}<br>
            求助人：{{person}}<br>
            <div>
            地点：{{ place}}<br>
            需求人数：{{ needperson}}<br>
            报酬：{{reward}}<br>
            创建时间：{{createtime}}<br>    
            浏览量：
            </div>
          </div>
        </div>
  
</template>

<script>
export default {
    name:'detailMsg',
    data(){
        return{
            // 从后端获取数据，
            title:'外卖',
            catagory:'去外卖',
            person:'小明',
            place:'梁林校区',
            needperson:'3',
            reward:'10$',
            createtime:'2023/5/21'
        }
    }
}
</script>

<style scoped>
 .dm{
    border:1px solid skyblue;
    border-radius: 20px;
    background-color: white;
    height: 260px;
    width:200px;
    display: inline-block;
    margin: 10px 10px;
    margin-left: 35px;
 }
 .dd{
    color:skyblue;
    position: relative;
    top:5%;
    flex: 1;
 }

</style>